home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle080604.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-07-22  |  14.2 KB  |  1,003 lines
  1. /* body */
  2. body {
  3.     margin: 0 10px;
  4.     background-color: #fff;
  5.     color: #000;
  6.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  7.     }
  8.  
  9. /* links */
  10. a:link {
  11.     color: #00f;
  12.     text-decoration: none;
  13.     }
  14.  
  15. a:visited {
  16.     color: #00a;
  17.     text-decoration: none;
  18.     }
  19.  
  20. a:hover {
  21.     color: #f60;
  22.     text-decoration: underline;
  23.     }
  24.     
  25. a:active {
  26.     color: #f60;
  27.     text-decoration: underline;
  28.     }
  29.  
  30. /* html tags */
  31. th, td, ul, ol, li {
  32.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  33.     }
  34.         
  35. code, pre    {
  36.     font-family: monaco, "Courier New", courier, monospace;
  37.     font-size: 10px;
  38.     }
  39.  
  40.     /*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
  41.  
  42. * html code    {
  43.     font-size: 101%; 
  44.     }
  45.  
  46. * html pre {
  47.     font-size: 101%; 
  48.     }
  49.  
  50. h1 code, h2 code, h3 code, h4 code, th code { font-size: 95%; font-weight: normal; }
  51.  
  52. h1    {
  53.     margin: 0 0 15px 0;
  54.     padding: 0;
  55.     font: bold 36px 'Myriad Apple', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  56.     color: #000;
  57.     }
  58.     
  59. h2    {
  60.     margin: 0 0 5px 0;
  61.     padding: 0;
  62.     font-size: 16px;
  63.     color: #000;
  64.     }
  65.     
  66. #header h2 { 
  67.     margin: 0;
  68.     }
  69.     
  70. p + h2 {
  71.     margin: 20px 0 5px 0;
  72.     }
  73.  
  74. ol + h2 {
  75.     margin: 20px 0 5px 0;
  76.     }
  77.  
  78. ul + h2 {
  79.     margin: 20px 0 5px 0;
  80.     }
  81.     
  82. h3    {
  83.     margin: 0;
  84.     padding: 0;
  85.     font-size: 12px;
  86.     color: #000;
  87.     }
  88.  
  89. h3 + table {
  90.     margin: 5px 0 0 0;
  91.     }
  92.     
  93. h4    {
  94.     margin: 0;
  95.     padding: 0;
  96.     font-size: 12px;
  97.     }
  98.     
  99. h3 + h4 {
  100.     margin: 10px 0 0;
  101.     }
  102.     
  103. h6    {
  104.     margin: 0;
  105.     padding: 0;
  106.     font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  107.     color: #000;
  108.     }
  109.  
  110. p    {
  111.     margin: 0 0 10px 0;
  112.     padding: 0;
  113.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  114.     color: #000;
  115.     }
  116.     
  117. cite {
  118.     font-style: italic;
  119.     }
  120.     
  121. th {
  122.     font-weight: bold;
  123.     text-align: left;
  124.     vertical-align: top;
  125.     }
  126.     
  127. form {
  128.     margin: 0;
  129.     }
  130.     
  131. button {
  132.     margin: 3px 0 10px 0;
  133.     }
  134.     
  135. /* lists */
  136. ul    {
  137.     list-style: square outside;
  138.     margin: 0 0 0 30px;
  139.     padding: 0 0 1em 0;
  140.     }
  141.  
  142. li    {
  143.     margin-top: 3px;
  144.     }
  145.     
  146. ul ul {
  147.     margin-left: 40px;
  148.     }
  149.     
  150. ul.compressed {
  151.     margin-top: -10px;
  152.     }
  153.     
  154. ul.compressed li {
  155.     margin-top: 0;
  156.     }
  157.  
  158. ul.marketing {
  159.     padding-left: 0;
  160.     margin: 0 0 16px 0;
  161.     list-style: none;
  162.     }
  163.     
  164. ul.marketing li    {
  165.     margin-top: 0;
  166.     margin-left: 0;
  167.     margin-bottom: 2px;
  168.     font-size: 10px;
  169.     }
  170.     
  171. ol {
  172.     margin: 0 0 10px 1.5em;
  173.     padding-left: 1.5em;
  174.     }
  175.  
  176. ul.inline, ol.inline, p.inline {
  177.     margin-top: -7px;
  178.     }
  179.     
  180. ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
  181.     margin-top: 0;
  182.     }
  183.  
  184. ol.faq li {
  185.     font-weight: bold;
  186.     }
  187.     
  188. ol.steps li {
  189.     font-weight: bold;
  190.     }
  191.     
  192. ul.nav {
  193.     margin: 8px 0 0;
  194.     padding: 0;
  195.     list-style-type: none;
  196.     }
  197.  
  198. ul.nav li {
  199.     margin-top: 4px;
  200.     padding-left: 0;
  201.     }
  202.     
  203. ul.nobullet {
  204.     list-style-type: none;
  205.     margin-left: 0;
  206.     padding-left: 0;
  207.     }
  208.     
  209. ul.nobullet li {
  210.     margin: 3px 0 5px;
  211.     padding-left: 0;
  212.     }
  213.     
  214. /* images */
  215. .leftinline {
  216.     margin: 0 10px 5px 0;
  217.     float: left;
  218.     }
  219.  
  220. .rightinline {
  221.     margin: 0 0 5px 10px;
  222.     float: right;
  223.     }
  224.  
  225.  
  226. /* tables */
  227. .bumblebee {
  228.     border-top: 1px solid #919699;
  229.     border-left: 1px solid #919699;
  230.     border-right: 1px solid #919699;
  231.     }
  232.  
  233. .bumblebee td {
  234.     padding: 10px;
  235.     font-size: 10px;
  236.     }
  237.     
  238. .bumblebee th {
  239.     padding: 6px 10px;
  240.     font-size: 10px;
  241.     }
  242.     
  243. .bumblebee th a {
  244.     color: #FFF;
  245.     }
  246.  
  247. .bumblebee th {
  248.     background: #7E91A4;
  249.     color: #FFF;
  250.     }
  251.  
  252. .bumblebee td {
  253.     border-bottom: 1px solid #919699;
  254.     text-align: left;
  255.     vertical-align: top;
  256.     }
  257.  
  258. .bumblebeeblue {
  259.     background: #F0F5F9;
  260.     }
  261.  
  262. .bumblebeewhite {
  263.     background: #FFF;
  264.     }
  265.     
  266. .bumblebee .bumblebeeblue td.sortcolumn {
  267.     background: #DCE5EE;
  268.     }
  269.     
  270. .bumblebee .bumblebeewhite td.sortcolumn {
  271.     background: #F5F5F5;
  272.     }
  273.     
  274. .bumblebee th.sortcolumn {
  275.     background: #334455;
  276.     }
  277.     
  278. .bumblebeetop {
  279.     border-top: 1px solid #919699;
  280.     border-left: 1px solid #919699;
  281.     border-right: 1px solid #919699;
  282.     background: #E2E2E2;
  283.     }
  284.     
  285. .bumblebeetop td{
  286.     padding: 10px;
  287.     }
  288.  
  289. table.bumblebeetop select { width: 230px;}
  290.  
  291. .bumblebeetop td.display { border-left: 1px solid #a1a5a9;}
  292.  
  293. .bumblebeetop .pagenav td {padding: 5px 10px; font-size: 10px; border-top: 1px solid #a1a5a9;}
  294. .bumblebee .pagenav td {padding: 5px 10px; font-size: 10px; background: #E2E2E2;}
  295. .bumblebee .pagenav td.rightcolumn { text-align: right;}
  296.  
  297. td.middle, th.middle {
  298.     vertical-align: middle;
  299.     }
  300.     
  301. td.top, th.top {
  302.     vertical-align: top;
  303.     }
  304.     
  305. td.bottom, th.bottom {
  306.     vertical-align: bottom;
  307.     }
  308.     
  309. td.center, th.center {
  310.     text-align: center;
  311.     }
  312.     
  313. td.right, th.right {
  314.     text-align: right;
  315.     }
  316.     
  317. .smalltable td p {
  318.     font-size: 11px;
  319.     }
  320.  
  321.     
  322. .graybox {
  323.     border-top: 1px solid #919699;
  324.     border-left: 1px solid #919699;
  325.     margin-bottom: 10px;
  326.     }
  327.     
  328. .graybox th {
  329.     padding: 4px 8px 4px 8px;
  330.     background: #E2E2E2;
  331.     font-size: 12px;
  332.     font-weight: bold;
  333.     border-bottom: 1px solid #919699;
  334.     border-right: 1px solid #919699;
  335.     }
  336.     
  337. .graybox td {
  338.     padding: 8px;
  339.     font-size: 12px;
  340.     text-align: left;
  341.     vertical-align: top;
  342.     border-bottom: 1px solid #919699;
  343.     border-right: 1px solid #919699;
  344.     }
  345.     
  346. .graybox table td {
  347.     border: none;
  348.     padding: 0;
  349.     vertical-align: middle;
  350.     }
  351.  
  352. .marketingbox {
  353.     width: 100%;
  354.     border: 1px solid #a1a5a9;
  355.     }
  356.  
  357. .marketingbox th {
  358.     padding: 4px 8px 4px 8px;
  359.     background: #C83808;
  360.     font-size: 12px;
  361.     font-weight: bold;
  362.     color: #FFF;
  363.     }
  364.  
  365. .marketingbox td {
  366.     padding: 8px 8px 0 8px;
  367.     text-align: left;
  368.     vertical-align: top;
  369.     }
  370.     
  371. .documentationtable {
  372.     border: none;
  373.     }
  374.  
  375. .documentationtable td {
  376.     border-bottom: 1px solid #919699;
  377.     text-align: left;
  378.     vertical-align: top;
  379.     padding: 8px 0 5px 0;
  380.     }
  381.     
  382. .documentationtable p {
  383.     margin-bottom: 8px;
  384.     }
  385.     
  386. .documentationtable .bottom{
  387.     border: 0;
  388.     }
  389.         
  390. .businesstable {
  391.     border: none;
  392.     }
  393.  
  394. .businesstable td {
  395.     text-align: left;
  396.     font-size: 10px;
  397.     vertical-align: top;
  398.     padding: 5px 0 10px 0;
  399.     }
  400.     
  401. .documentationtable p {
  402.     font-size: 10px;
  403.     }
  404.  
  405. p.viewall { font-size: 11px; font-weight: bold;}
  406. p.viewlegacytech { font-size: 11px; }
  407. /* rounded corner tables */
  408. .bigboxtop {
  409.     background: #FFF url(/images/bigboxtop.gif) repeat-x top left;
  410.     }
  411.  
  412. .bigboxleft {
  413.     background: #FFF url(/images/bigboxleft.gif) repeat-y top left;
  414.     }
  415.  
  416. .bigboxright {
  417.     background: #FFF url(/images/bigboxright.gif) repeat-y top left;
  418.     }
  419.  
  420. .bigboxbottom {
  421.     background: #FFF url(/images/bigboxbottom.gif) repeat-x top left;
  422.     }
  423.     
  424. .boxtop {
  425.     background: #FFF url(/images/boxtop.gif) repeat-x top left;
  426.     }
  427.  
  428. .boxleft {
  429.     background: #FFF url(/images/boxleft.gif) repeat-y top left;
  430.     }
  431.  
  432. .boxright {
  433.     background: #FFF url(/images/boxright.gif) repeat-y top left;
  434.     }
  435.  
  436. .boxbottom {
  437.     background: #FFF url(/images/boxbottom.gif) repeat-x top left;
  438.     }
  439.  
  440.  
  441. /* general classes */
  442. .contentpadding {
  443.     padding: 0 10px;
  444.     }
  445.     
  446. .smalltext {
  447.     font-size: 10px;
  448.     }
  449.     
  450. .blueheader {
  451.     color: #FFF;
  452.     background: #7E91A4;
  453.     padding: 3px 0 3px 7px;
  454.     }
  455.  
  456. .sourcecodebox {
  457.     border: 1px solid #c7cfd5;
  458.     background: #f1f5f9;
  459.     margin: 20px 0;
  460.     padding: 8px;
  461.     text-align: left;
  462.     }
  463.     
  464. .notebox {
  465.     border: 1px solid #a1a5a9;
  466.     background: #f7f7f7;
  467.     margin: 20px 0;
  468.     padding: 8px;
  469.     text-align: left;
  470.     }
  471.     
  472. .importantbox {
  473.     border: 1px solid #111;
  474.     background: #e8e8e8;
  475.     margin: 20px 0;
  476.     padding: 8px;
  477.     text-align: left;
  478.     }
  479.     
  480. .warningbox {
  481.     border: 1px solid #000;
  482.     background: #fff;
  483.     margin: 20px 0;
  484.     padding: 8px;
  485.     text-align: left;
  486.     }
  487.     
  488. .warningbox img.warningicon { 
  489.     float: left; 
  490.     margin-top: 3px;
  491.     }
  492.  
  493. .warningbox p { 
  494.     margin: 0 0 0 30px
  495.     }
  496.  
  497. div.clearer {
  498.     clear: both; 
  499.     display: block; 
  500.     margin: 0; 
  501.     padding: 0; 
  502.     height: 0; 
  503.     line-height: 1px; 
  504.     font-size: 1px;
  505.     }
  506.  
  507. div.notebox
  508.     padding-bottom: 5px;
  509.     }
  510.     
  511. .gray {
  512.     color: #787c7f;
  513.     }
  514.     
  515. #footnote h3, #footnote p {
  516.     color: #76797C;
  517.     font-size: 11px;
  518.     }
  519.  
  520. .footnote, .footnote li {
  521.     font-size: 11px;
  522.     color: #76797C;
  523.     }
  524.     
  525. .editorial {
  526.     font-style: italic;
  527.     margin: 20px 0;
  528.     }
  529.     
  530. .libindex {
  531.     border-bottom: 1px solid #939393;
  532.     padding: 0 3px;
  533.     background-color: #DADADA;
  534.     margin: 0 1px;
  535.     }
  536.  
  537. /* forms */
  538. #forms input {
  539.     vertical-align: middle;
  540.     padding: 0;
  541.     margin: 0 0 5px 0;
  542.     }
  543.  
  544. #forms select {
  545.     vertical-align: middle;
  546.     padding: 0;
  547.     margin: 0 0 3px 0;
  548.     }
  549.  
  550. #forms .widefield, #advsearch .widefield {
  551.     width: 98%;
  552.     margin-bottom: 5px;
  553.     }
  554.  
  555. #forms .halffield {
  556.     width: 50%;
  557.     margin-bottom: 5px;
  558.     }
  559.  
  560. #forms .extraspace {
  561.     padding-bottom: 8px;
  562.     }
  563.  
  564. #forms .quarterfield {
  565.     width: 25%;
  566.     margin-bottom: 5px;
  567.     }
  568.     
  569. #forms .inputbutton, #advsearch .inputbutton {
  570.     margin: 5px 0 10px 0;
  571.     border: 0;
  572.     }
  573.     
  574. #forms .checkbox, #advsearch .checkbox {
  575.     margin: 0 5px 0 0;
  576.     vertical-align: baseline;
  577.     }
  578.     
  579. #forms .radio {
  580.     margin: 0 5px 0 0;
  581.     vertical-align: baseline;
  582.     }
  583.     
  584. #forms textarea {
  585.     margin: 0 0 10px 0;
  586.     width: 100%;
  587.     }
  588.     
  589. #forms p {
  590.     margin-top: 7px;
  591.     }
  592.     
  593. #forms .buttonlists {
  594.     line-height: 20px;
  595.     }
  596.     
  597. #forms .buttondescription {
  598.     line-height: 15px;
  599.     margin: -10px 10px 5px 20px;
  600.     font-size: 10px;
  601.     }
  602.  
  603.  
  604. /* header */
  605. #adcnavheader td {
  606.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  607.     }
  608.  
  609. #adcnavheader input {
  610.     margin: 0 3px 0 0;
  611.     padding: 0;
  612.     }
  613.  
  614. #adcnavheader .textpadding {
  615.     padding-top: 2px;
  616.     vertical-align: middle;
  617.     }
  618.     
  619. #adcnavheader .searchbutton {
  620.     border: 0;
  621.     }
  622.  
  623.  
  624. /* breadcrumb */
  625. #breadcrumb td {
  626.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  627.     }
  628.  
  629. #breadcrumb form {
  630.     margin: 0;
  631.     }
  632.     
  633. #breadcrumb select {
  634.     vertical-align:  middle;
  635.     }
  636.  
  637.  
  638. /* sidebar */
  639. #sidebar h2, .swlsidebar h2 {
  640.     font-size: 12px;
  641.     }
  642.     
  643. #sidebar h3, #sidebar h4, .swlsidebar h3, .swlsidebar h4 {
  644.     font-size: 12px;
  645.     }
  646.     
  647. #sidebar p, #sidebar ol, #sidebar ul, .swlsidebar p, .swlsidebar ol, .swlsidebar ul {
  648.     font-size: 11px;
  649.     }
  650.  
  651. #sidebar ul, .swlsidebar ul {
  652.     margin-left: 16px;
  653.     padding-left: 0;
  654.     }
  655.  
  656. #sidebar li, .swlsidebar li {
  657.     font-size: 11px;
  658.     margin-top: 2px;
  659.     }
  660.     
  661. #sidebar ul.nav, .swlsidebar ul.nav {
  662.     margin: 8px 0 0;
  663.     padding: 0;
  664.     list-style-type: none;
  665.     }
  666.  
  667. #sidebar ul.nav li, .swlsidebar ul.nav li {
  668.     margin-top: 4px;
  669.     padding-left: 0;
  670.     background: none;
  671.     }
  672.  
  673. /* footer */
  674. #footer td, #footer p {
  675.     font-size: 10px;
  676.     }
  677.     
  678. .footerbreadcrumb {
  679.     font-size: 10px;
  680.     }
  681.  
  682. /* 404 page definitions*/
  683. #notfound h2 {
  684.     font-size: 12px;
  685.     }
  686.     
  687. #notfound h3, #notfound h4 {
  688.     font-size: 12px;
  689.     }
  690.     
  691. #notfound p, #notfound ul {
  692.     font-size: 10px;
  693.     }
  694.  
  695. #notfound ul {
  696.     margin: 0 0 15px 0;
  697.     padding-left: 0;
  698.     list-style-type: none;
  699.     }
  700.  
  701. #notfound ul li {
  702.     font-size: 10px;
  703.     margin: 3px 0 0 0;
  704.     padding-left: 0;
  705.     background: none;
  706.     }
  707.     
  708. #notfound ul ul {
  709.     margin-top: 0;
  710.     margin-left: 16px;
  711.     list-style: square outside;
  712.     }
  713.  
  714. #notfound ul ul li {
  715.     margin-left: 0;
  716.     padding-left: 0;
  717.     }
  718.  
  719. li.sectionbreak {
  720.     margin-bottom: 15px;
  721.     }
  722.  
  723. /* advanced search */
  724. #advsearch h4 {
  725.     margin-bottom: 10px;
  726.     }
  727.     
  728. #advsearch p {
  729.     line-height: 20px;
  730.     }
  731.     
  732. /* contact page */
  733. .iconlinks td {
  734.     font-size: 11px;
  735.     }
  736.     
  737. /* search results */
  738. .boxtop7e91a4 {
  739.     background: #FFF url(/images/boxtop7e91a4.gif) repeat-x top left;
  740.     }
  741.  
  742. .boxtopleft7e91a4 {
  743.     background: #FFF url(/images/boxtopleft7e91a4.gif) repeat-y top left;
  744.     }
  745.  
  746. .boxtopright7e91a4 {
  747.     background: #FFF url(/images/boxtopright7e91a4.gif) repeat-y top left;
  748.     }
  749.  
  750. .boxbottom7e91a4 {
  751.     background: #FFF url(/images/boxbottom7e91a4.gif) repeat-x top left;
  752.     }
  753.  
  754. .filesize {
  755.     color: #7F8285;
  756.     }
  757.  
  758. tr.results th, tr.results td {
  759.     font-size: 12px;
  760.     color: #FFF;
  761.     background-color: #7e91a4;
  762.     font-weight: normal;
  763.     }
  764.  
  765. tr.results a {
  766.     color: #FFF;
  767.     font-weight: bold;
  768.     }
  769.     
  770. .oddrow {
  771.     background-color: #ffffff;
  772.     }
  773.     
  774. .evenrow {
  775.     background-color: #f0f5f9;
  776.     }
  777.  
  778. /* software licensing descriptions */
  779. .swlleftrule {
  780.     border-left: 1px solid #A1A5A9;
  781.     padding-left: 10px;
  782.     padding-right: 10px;
  783.     }    
  784.  
  785. .swlsidebar {
  786.     padding-right: 10px;
  787.     }
  788.  
  789. /* narrative */
  790. #narrative blockquote {
  791.     margin: 0 20px 10px 20px;
  792.     color: #3972B8;
  793.     }
  794.  
  795. #narrative .pullquote {
  796.     font-size: 17px;
  797.     color: #FFF;
  798.     padding: 8px;
  799.     background-color: #3972B8;
  800.     border: 1px solid #000;
  801.     }
  802.     
  803. #narrative.color779D90 blockquote {
  804.     color: #779D90;
  805.     }
  806.     
  807. #narrative.color779D90 .pullquote {
  808.     background-color: #779D90;
  809.     }
  810.  
  811. #narrative.color3C6E6E blockquote {
  812.     color: #3C6E6E;
  813.     }
  814.     
  815. #narrative.color3C6E6E .pullquote {
  816.     background-color: #3C6E6E;
  817.     }
  818.  
  819. #narrative.color6D8042 blockquote {
  820.     color: #6D8042;
  821.     }
  822.     
  823. #narrative.color6D8042 .pullquote {
  824.     background-color: #6D8042;
  825.     }
  826.  
  827. #narrative.color3E583D blockquote {
  828.     color: #3E583D;
  829.     }
  830.     
  831. #narrative.color3E583D .pullquote {
  832.     background-color: #3E583D;
  833.     }
  834.  
  835. #narrative.color9AB0C5 blockquote {
  836.     color: #9AB0C5;
  837.     }
  838.     
  839. #narrative.color9AB0C5 .pullquote {
  840.     background-color: #9AB0C5;
  841.     }
  842.  
  843. #narrative.color3972B8 blockquote {
  844.     color: #3972B8;
  845.     }
  846.     
  847. #narrative.color3972B8 .pullquote {
  848.     background-color: #3972B8;
  849.     }
  850.  
  851. #narrative.color3C6C9D blockquote {
  852.     color: #3C6C9D;
  853.     }
  854.     
  855. #narrative.color3C6C9D .pullquote {
  856.     background-color: #3C6C9D;
  857.     }
  858.  
  859. #narrative.color7A6B94 blockquote {
  860.     color: #7A6B94;
  861.     }
  862.     
  863. #narrative.color7A6B94 .pullquote {
  864.     background-color: #7A6B94;
  865.     }
  866.     
  867. #narrative.color50395C blockquote {
  868.     color: #50395C;
  869.     }
  870.     
  871. #narrative.color50395C .pullquote {
  872.     background-color: #50395C;
  873.     }
  874.     
  875. #narrative.color812A28 blockquote {
  876.     color: #812A28;
  877.     }
  878.     
  879. #narrative.color812A28 .pullquote {
  880.     background-color: #812A28;
  881.     }
  882.  
  883.     
  884.     
  885. /* source code */
  886. #scdetails p {
  887.     line-height: 17px;
  888.     }
  889.     
  890. #scdetails select {
  891.     vertical-align: middle;
  892.     padding: 0;
  893.     margin: 0;
  894.     }
  895.     
  896. #scdetails input {
  897.     vertical-align: middle;
  898.     padding: 0;
  899.     margin: 0;
  900.     }
  901.  
  902. /* Technology Pages */
  903.     
  904. #techstart {
  905.     float: right;
  906.     width: 125px;
  907.     font-size: 10px;
  908.     line-height: 15px;
  909.     padding: 8px 10px 10px;
  910.     margin: 0 10px 5px 10px;
  911.     border: 1px solid #a1a5a9;
  912.     background-color: #f1f1f1;
  913.     }
  914.     
  915. #techstart h3 {
  916.     font-size: 12px;
  917.     margin-bottom: 3px;
  918.     }
  919.     
  920. #techlist {
  921.     font-size: 11px;
  922.     margin: 0 0 15px;
  923.     }
  924.     
  925. #techlist h2 {
  926.     position: relative;
  927.     font-size: 12px;
  928.     padding: 0 0 9px 35px;
  929.     margin: 20px 0 5px;
  930.     background: url(/images/bg_tech_h2.gif) repeat-x bottom left;
  931.     }
  932.     
  933. #techlist h2 img {
  934.     position: absolute;
  935.     left: 0;
  936.     bottom: 1%;
  937.     }
  938.  
  939.     /* hack for various IEs \*/
  940.     #techlist img {
  941.         bottom: 0;
  942.         }
  943.     
  944.     * html #techlist h2 {
  945.         height: 100%;
  946.         }
  947.     /* end hack */
  948.  
  949.     
  950. #techlist p, #techlist h3, #techlist li {
  951.     font-size: 11px;
  952.     }
  953.     
  954. #techlist ul.inlinebottom { padding-bottom: 0;}
  955.     
  956. #techlist h4 {
  957.     font-weight: bold;
  958.     color: #000;
  959.     font-size: 11px;
  960.     }
  961.     
  962. #techchild h2 {
  963.     padding-bottom: 5px;
  964.     border-bottom: 1px solid #a1a5a9;
  965.     margin-bottom: 10px;
  966.     }    
  967.  
  968. #techchild h3 {
  969.     font-weight: normal;
  970.     }
  971.         
  972. .sidebartable {
  973.     border: 1px solid #a1a5a9;
  974.     margin-bottom: 10px;
  975.     }
  976.     
  977. .sidebartable th {
  978.     padding: 4px 8px 4px 10px;
  979.     background: #DBDBDB;
  980.     font-size: 12px;
  981.     font-weight: bold;
  982.     border-bottom: 1px solid #a1a5a9;
  983.     }
  984.     
  985. .sidebartable td {
  986.     padding: 0 10px 10px;
  987.     font-size: 11px;
  988.     text-align: left;
  989.     vertical-align: top;
  990.     }
  991.     
  992. .sidebartable h2, .sidebartable p, .sidebartable ul {
  993.     margin: 10px 0 2px;
  994.     padding: 0;
  995.     }
  996.     
  997. .sidebartable table td {
  998.     border: none;
  999.     padding: 0;
  1000.     vertical-align: middle;
  1001.     }
  1002.     
  1003. h3.nolist { margin-bottom: 5px;}